<!--数据绑定和第一个AngularJS Web应用-->

<!--AngularJS 中的数据绑定 在HTML页面中引用angular.js 在某个DOM元素上明确设置ng-app属性即可。
ng-app属性声明所有被其包含的内容都属于这个AngularJS应用，这也是我们可以在Web应用中嵌套AngularJS应用的原因。
只有被具有ng-app属性的DOM元素包含的元素才会受AngularJS影响。-->

<!--为了表示内部和内置的库函数，Angular使用$预定义对象。尽管这类似于全局的jQuery-->
<!--对象$，但它们是完全无关的。只要遇到$符号，你都可以只把它看作一个Angular对象。-->
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script src="../../js/angular/angular.min.js"></script>
</head>
<body ng-app>
<input ng-model="name" type="text" placeholder="Your name">
<h1>Hello {{ name }}</h1>
</body>
</html>

<!--当输入字段中的值发生变化时，person.name会被更新，而视图将反映出这个更新，通过视图就实现了一个双向数据绑定-->

<!--ng-app 声明所有被它包含的元素都属于AngularJS 应用一样，DOM元素上的ng-controller声明所有被它包含的元素都属于某个控制器  -->
<!--
<body ng-app>
<div ng-controller='MyController'>
    <input ng-model="person.name" type="text" placeholder="Your name">
    <h1>Hello {{ person.name }}</h1>
</div>

</body>-->
